<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>后台首页</title>
    <meta name="renderer" content="webkit">	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	
    <meta name="Author" content="larry" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">	
	<meta name="apple-mobile-web-app-capable" content="yes">	
	<meta name="format-detection" content="telephone=no">	
	<link rel="Shortcut Icon" href="/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="__ADMIN__/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="__ADMIN__/css/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="__ADMIN__/css/console.css" media="all">
    <style type="text/css">
		.layuiadmin-badge {
		    top: 50%;
		    margin-top: -9px;
		    color: #01AAED;
		}
		
		.layuiadmin-card-list {
		    padding: 15px;
		}
		
		.layuiadmin-card-list p.layuiadmin-big-font {
		    font-size: 36px;
		    color: #666;
		    line-height: 36px;
		    padding: 5px 0 20px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    word-break: break-all;
		    white-space: nowrap;
		}
		
		.layuiadmin-span-color {
		    font-size: 14px;
			padding-left: 5px;
		}
		
		.layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
		    position: absolute;
		    right: 15px;
		}
	</style>
</head>
<body class="larry-bg-gray">
<div class="layui-fluid">
	<div class="larry-container animated fadeIn">
	
        <!-- 统计模块面板 -->
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md2">
				<div class="layui-card">
					<div class="layui-card-header">
						会员
						<span class="layui-badge layui-bg-blue layuiadmin-badge">今日</span>
					</div>
					<div class="layui-card-body layuiadmin-card-list">
						<p class="layuiadmin-big-font">20000</p>
						<p>总会员数
							<span class="layuiadmin-span-color">11850 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
						</p>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="layui-card">
					<div class="layui-card-header">
						商城商品
						<span class="layui-badge layui-bg-green layuiadmin-badge">今日</span>
					</div>
					<div class="layui-card-body layuiadmin-card-list">
						<p class="layuiadmin-big-font">112</p>
						<p>商品总数
							<span class="layuiadmin-span-color">156000 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
						</p>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="layui-card">
					<div class="layui-card-header">
						积分商品
						<span class="layui-badge layui-bg-orange layuiadmin-badge">今日</span>
					</div>
					<div class="layui-card-body layuiadmin-card-list">
						<p class="layuiadmin-big-font">802</p>
						<p>商品总数
							<span class="layuiadmin-span-color">40862 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
						</p>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="layui-card">
					<div class="layui-card-header">
						合同
						<span class="layui-badge layui-bg-cyan layuiadmin-badge">今日</span>
					</div>
					<div class="layui-card-body layuiadmin-card-list">
						<p class="layuiadmin-big-font">3580</p>
						<p>合同总数
							<span class="layuiadmin-span-color">45800 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
						</p>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="layui-card">
					<div class="layui-card-header">
						订单
						<span class="layui-badge layui-bg-cyan layuiadmin-badge">今日</span>
					</div>
					<div class="layui-card-body layuiadmin-card-list">
						<p class="layuiadmin-big-font">195</p>
						<p>订单总数
							<span class="layuiadmin-span-color">29758 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
						</p>
					</div>
				</div>
			</div>
			<div class="layui-col-md2">
				<div class="layui-card">
					<div class="layui-card-header">
						结算申请
						<span class="layui-badge layui-bg-orange layuiadmin-badge">今日</span>
					</div>
					<div class="layui-card-body layuiadmin-card-list">
						<p class="layuiadmin-big-font">900</p>
						<p>申请总数
							<span class="layuiadmin-span-color">300000 <i class="layui-inline layui-icon layui-icon-flag"></i></span>
						</p>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 功能点模块 -->
		<!-- <div class="larryms-card layui-row layui-col-space15 larryms-products">
	        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
	            <section class="layui-card">
	                <div class="layui-card-body ui-a">
	                    <i class="larry-icon yun-sousuoxiawu-"></i>
	                    <p>UI范例</p>
	                    <div class="label-content">
	                        <span class="label label-default label-outline">布局</span>
	                        <span class="label label-default label-outline">layui组件</span>
	                        <span class="label label-default label-outline">基本</span>
	                        <span class="label label-default label-outline">表单</span>
	                        <span class="label label-default label-outline">进阶</span>
	                    </div>
	                </div>
	            </section>
	        </div>
	        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
	            <section class="layui-card">
	                <div class="layui-card-body ui-b">
	                    <i class="larry-icon yun-ziyuan17"></i>
	                    <p>JS组件库</p>
	                    <div class="label-content">
	                        <span class="label label-default label-outline">动画库</span>
	                        <span class="label label-default label-outline">60+JS库</span>
	                        <span class="label label-default label-outline">编辑器</span>
	                        <span class="label label-default label-outline">600+图标库</span>
	                    </div>
	                </div>
	            </section>
	        </div>
	        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
	            <section class="layui-card">
	                <div class="layui-card-body ui-c">
	                    <i class="larry-icon yun-hetongguanli2"></i>
	                    <p>图表动画</p>
	                    <div class="label-content">
	                        <span class="label label-default label-outline">Echarts</span>
	                        <span class="label label-default label-outline">仪表盘</span>
	                        <span class="label label-default label-outline">svg动画</span>
	                        <span class="label label-default label-outline">scrolla动画</span>
	                        <span class="label label-default label-outline">炫酷CSS3</span>
	                    </div>
	                </div>
	            </section>
	        </div>
	        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
	            <section class="layui-card">
	                <div class="layui-card-body ui-d">
	                    <i class="larry-icon yun-shangjiaguanli2"></i>
	                    <p>页面示例</p>
	                    <div class="label-content">
	                        <span class="label label-default label-outline">小工具</span>
	                        <span class="label label-default label-outline">错误页</span>
	                        <span class="label label-default label-outline">注册登录</span>
	                        <span class="label label-default label-outline">H5场景</span>
	                        <span class="label label-default label-outline">30+常用页</span>
	                    </div>
	                </div>
	            </section>
	        </div>
	        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
	            <section class="layui-card">
	                <div class="layui-card-body ui-e">
	                    <i class="larry-icon yun-wangzhan"></i>
	                    <p>表格示例</p>
	                    <div class="label-content">
	                        <span class="label label-default label-outline">基本表格</span>
	                        <span class="label label-default label-outline">DataTable</span>
	                        <span class="label label-default label-outline">树形表格</span>
	                    </div>
	                </div>
	            </section>
	        </div>
	        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
	            <section class="layui-card">
	                <div class="layui-card-body ui-f">
	                    <i class="larry-icon yun-youhuiquan"></i>
	                    <p>系统模板</p>
	                    <div class="label-content">
	                        <span class="label label-default label-outline">用户</span>
	                        <span class="label label-default label-outline">权限</span>
	                        <span class="label label-default label-outline">菜单</span>
	                        <span class="label label-default label-outline">内容</span>
	                        <span class="label label-default label-outline">栏目</span>
	                        <span class="label label-default label-outline">微信公众</span>
	                        <span class="label label-default label-outline">100+模板页</span>
	                    </div>
	                </div>
	            </section>
	        </div>
	    </div> -->

        <!-- 图形化面板 -->
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
				<div class="layui-card">
					<div class="layui-card-header">用户来源</div>
					<div class="layui-card-body">
					  	<div class="count-data" id="larryCount">
                  		</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md6">
				<div class="layui-card">
					<div class="layui-card-header">会员周增量</div>
					<div class="layui-card-body">
						<div class="count-data" id="larryCount3">
                  		</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">会员月增量</div>
					<div class="layui-card-body">
						<div class="count-data" id="larryCount2">
                  		</div>
					</div>
				</div>
			</div>
        </div>
        
	</div>
</div>
<!-- 加载js文件-->
<script type="text/javascript" src="__ADMIN__/layui/layui.js"></script>
<script type="text/javascript">
layui.cache.page = 'Main'; 
layui.config({
   version:"2.0.7",
   base:'__ADMIN__'
}).extend({
    larry:'/js/base',
}).use('larry');
</script>
</body>
</html>